@extends('layouts.header')
@section('content')
    <nav class="breadcrumb">
        <i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 检测业务 <span class="c-gray en">&gt;</span> 任务分配
        <a class="btn btn-primary radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
    </nav>
    <div class="page-container">
        <table class="table table-border table-bordered table-hover table-bg table-responsive" id="datatable">
            <thead>
            {{-- <tr>
                <th scope="col" colspan="6">合同管理</th>
            </tr> --}}
            <tr class="text-c">
                <th>批次编号</th>
                <th>客户名称</th>
                <th>受理人</th>
                <th>受理时间</th>
                <th>完成期限</th>
                <th>批次状态</th>
                <th>操作</th>
            </tr>
            </thead>
        </table>
    </div>

    <script type="text/javascript">

        var table;

        $(function () {
            $.fn.dataTable.ext.errMode = 'throw';//datatable抛异常的方式，在console中输出，默认以alert的方式弹出
            table = $('#datatable').DataTable({
                // order: [[ 5, 'desc' ]],//默认第几个排序
                ordering: false, // 是否排序
                // "stateSave": true,// 状态保存 - 再次加载页面时还原表格状态
                // "stateDuration": -1,//仅保留当前会话的数据
                // "paging":false, //禁用分页
                serverSide: true,//服务器端处理模式——此模式下如：过滤、分页、排序的处理都放在服务器端进行。
                // responsive: true,//响应式，需要插件
                // fixedHeader: true,//表头固定，需要插件
                // autoWidth: false,
                initComplete: function (settings, json) {
                    //当表格完成加载绘制完成后执行此方法
                    //仅初次表格数据加载完成后执行
                    // $(row).addClass( 'text-c' );
                    $('#datatable_filter label input').attr('placeholder', '客户名称/受理人/批次')
                },
                ajax: "",//不写默认提交给自己
                processing: true,//加载数据时候是否显示进度条
                language: {url: '/admin/lib/datatables/dataTables_Chinese_Lang.json'},
                /* createdRow : function( row, data, dataIndex ) {
                    //当tr元素被创建（所有的td元素已经插入进去），或者给tr绑定事件，该回调函数被执行
                    $(row).addClass( 'text-l' );
                }, */
                /* initComplete : function (settings, json) {
                    //当表格完成加载绘制完成后执行此方法
                    // $(row).addClass( 'text-c' );
                    // alert(111);
                }, */
                columns: [
                    {data: "batchNum", class: "text-c"},
                    {data: "client_name", class: "text-c"},
                    {data: "creator", class: "text-c"},
                    {data: "created_at", class: "text-c"},
                    {
                        data: "deadline", class: "text-c", render: function (data) {
                            return data ? data : '/';
                        }
                    },
                    {
                        data: "status", class: "text-c",
                        render: function (data, type, row, meta) {
                            if (data == 0) {
                                return '<span class="badge badge-warning radius">受理中</span>';
                            } else if (data == 1) {
                                return '<span class="badge badge-primary radius">受理完成</span>';
                            } else if (data == 5) {
                                return '<span class="badge badge-success radius">试验中</span>';
                            } else if (data == 8) {
                                return '<span class="badge badge-success radius">试验完成</span>';
                            } else if (data == 11) {
                                return '<span class="badge badge-success radius">审核通过</span>';
                            } else if (data == 13) {
                                return '<span class="badge badge-danger radius">批准驳回</span>';
                            } else if (data == 14) {
                                return '<span class="badge badge-success radius">批准通过</span>';
                            } else if (data == 17) {
                                return '<span class="badge badge-success radius">待退样</span>';
                            } else {
                                return '<span class="badge badge-danger radius">未知</span>';
                            }
                        }
                    },
                    {
                        data: null, class: "text-c", //操作
                        render: function (data, type, row, meta) {
                            return '<a class="ml-5 btn btn-primary-outline radius size-MINI" href="javascript:;" onclick="jump_page(\'/{{config('constant.name_admin')}}/contractGaiyao/indexAssignTask\',' + row.id + ')">点击进入</a>'
                        },searchable: false
                    }
                ],
            });

            /*  draw  在表格完成绘制后触发*/
            /*  table.on( 'draw', function () {
                 var info = table.page.info();
                 //如果最后一页仅剩一条记录，而且不是在第一页
                 if((info.start == info.end) && info.end > 1){
                     //跳转到上一页
                     $('#datatable_previous').click();
                 }
             }); */
        });

        /*表格重新加载*/
        function table_reload(bool) {
            //清除表头 CheckBox的对勾
            $("#datatable").find("thead").find("input[type=checkbox]").removeAttr('checked');
            if (bool) {
                //true时，跳到第一页
                table.ajax.reload();
            } else {
                //false时，停留在原来页
                table.ajax.reload(null, false);
            }
        }

        /* 跳转页面 */
        function jump_page(url, id) {
            location.href = url + '?id=' + id;
        }


        /*受理完成，提交 ，添加detail表的信息*/
        function submit(id) {
            var index2;

            layer.confirm('提交后您将无法编辑本批次的信息，<br>确认要提交吗？', {icon: 3}, function (index) {
                $.ajax({
                    type: 'GET',
                    url: '/{{config('constant.name_admin')}}/contractDetail/add' + '?id=' + id,
                    // dataType: 'json',
                    success: function (data) {
                        // console.log(data);
                        if (data === '1') {
                            table_reload(0);//0停留在当前页，1回到第一页
                            layer.msg('提交成功!', {icon: 1, time: 2000});
                        } else {
                            layer.open({
                                content: data,
                                title: false,
                                type: 0,
                                icon: 7,
                                // skin: 'layui-layer-molv',
                                btn: '',
                                closeBtn: 2, //右上角关闭按钮风格  0无,1默认,2
                                shadeClose: true, //开启遮罩关闭
                                time: 0,
                                anim: 6,//弹出动画
                            });
                        }
                    },
                    error: function (data) {
                        ajax_error(data);
                    },
                    beforeSend: function () {
                        //0.4透明度 白色遮罩
                        index2 = layer.load(2, {shade: [0.05, '#000']});
                    },
                    complete: function () {
                        layer.close(index2);
                    },
                });
            });
        }

        /*删除*/
        function del(id) {
            var index2;

            layer.confirm('确定要删除吗？', {title: '询问', icon: 3}, function (index) {
                $.ajax({
                    type: 'GET',
                    url: '/{{config('constant.name_admin')}}/contract/del' + '?id=' + id,
                    // dataType: 'json',
                    success: function (data) {
                        // console.log(data);
                        if (data === '1') {
                            table_reload(0);//0停留在当前页，1回到第一页
                            layer.msg('删除成功!', {icon: 1, time: 2000});
                        } else {
                            layer.msg('删除失败!', {icon: 2, time: 2000});
                        }
                    },
                    error: function (data) {
                        ajax_error(data);
                    },
                    beforeSend: function () {
                        //0.4透明度 白色遮罩
                        index2 = layer.load(2, {shade: [0.05, '#000']});
                    },
                    complete: function () {
                        layer.close(index2);
                    },
                });
            });
        }

    </script>
@endsection